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RECAN 


We can allow our code to make decisions 
depending on the inputs that are given to 
the program 


Ui e100 
_ 
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If... | If... Else... | True, False | <, >, ==, != 


if(day == "Monday" ){ 

promptElement.innerHTML = "Working Day!" 
} else { 

promptElement.innerHTML = “Rest Day!" 


RECAN 


We can code more complex decisions 
UsINg logical Operators 7 


~ AND — OR NOT 
— (&&) | (||) (!) 
234) 
t¥° 


¥ 100 
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Logical Operator Truth Tables 


A B A&&B | AI[B |"(A&&B)} "AI! B) 
True True | True True False False 
True False False True True False 
False True False True True False 
False False False False True True 
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Learning Objectives 


What are Loops 
When to use Loops 
How fo wrife Loops To simplify code 


JavaScript 


for (row of table) { 
console. (row) 


Loops 


Exercise Time 


e While you cannot touch the 
whiteboard, take one step towards If. 
Make sure you Count out loud the steps 
taken! 


e For each step you take, clap your 
hands that many times 


roblem 


console. 
console. 
console. 


console. 


Solution 


Problem 
| want to write code that counts to 100000. = 


To generalize, in many cases we need to 
perform an operation multiple times 


Too many! | can't cope! 
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a ol . 
nt (( é¢ 
\ \ 


2) ¢ The real solution: Loo a 2 


\ 
Loops will execute a block of code multiple e 


le 
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While Loops 


While loops will execute a block of code as long 
as the condition is met 


‘condition | 
Let number = 1 


while (number <= 100000) { 


console. log(number ) T&C 
number++ 


For Loops 


Like while loops, but simplify The code 


Let’s say we wanted fo calculate n! (n factorial) 


Sea ae 
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The algorithm would look something like: 
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For Loops 


In code this would look like This: 


Let result 


for (Let number = 1; number <= N; number++) { 
result = result * number 


I 


For Loop 


specifies the beginning of a loop 


Initialize the “counting” variable — 
this happens only once, before the 
first iteration 


For Loop 


Loop condition — this condition will be 
checked before each iteration of the loop 


Let result 


for (Let number = 1; ,numhe = N; number++) { 
result = result 


i 


If the Condition is no longer mef, the loop breaks and 
execution continues to the following code 


For Loop 


This statement is executed every time 
after the code block has been executed 


Let result 


for (Let number = 1; number <= N; { 


I 


result = result * number 


For Loop 


Let number = 1; number <= N; number++) { 


result = result * number 


Any code in the block will be executed at 
every iteration of the loop! 


Let's write if together 


| want fo print every multiple of 5 between 
0-100 
SO hove 


And count how many of them are also divisible 
by 2 
10, 20, ... 
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Solution 


Let count = @ 


for (Let number = @; number <= 100; number += 5) { 
console. log(number) 


if ((number % 2) == @) { 
count++ 


NDING OUR DIGITAL WAY OF LIFE 


Using Loops for Iteration 


Most of the time we'll be using loops To iterate 
over data structures 


As an analogy, imagine getting a bag of candy 


For each piece of candy: 
Unwrap the candy 


Eat the candy! 


Using Loops for Iteration 


A practical example is that we need fo count the 
number of occurrences of each letter in our ciphertext 
to perform frequency analysis for breaking the cipher 


But we'll get to that later on... 
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Iterating over Strings 


For now, let's try fo print out each character in a string 


Let message = "Hear ye!" 


for (Let index = @; index < message.length; index++) { 
console. log(message|[ index | ) 


Iterating over Strings 


Remember: 


grime 


- Indexing starts at 0! ale ToL lela le 
- index < message.length ~~ —*> 4} + +4 


This is a string 
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for... of 


To simplify iteration over structures, JavaScript 
Introduced the for ... of loop! 


The data structure that 


we re iterating the items Let (message | = "Hear ye!" 
for (const character of { 
er 


console. log(charact 


I 


for... of 


To simplify iteration over structures, JavaScript 
introduced the for ... of loop! 


Let message = "Hear ye!" 


Variable that will be 


assigned at each iteration 

for (const character. of message) { 
of the loop to the next SREB ERTS (character} 
element of the data is 


I 


| Want to Break Free! 


What if we need To stop a loop midway? 


STOP! 


E.g. write a loop that checks If a string contains a 
certain character 


i. —— 
a 
_- 


| Want to Break Free! 


Let message = "I want to break free!" 


for (const character of message) { 
it at chdizachete == «2G s) 24 
console. log("found!") 
break 


Summary 


When do we use loops? 
e Loops are Used when we wani to execute a 
block of code repeatedly 
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Summary 


What are the type of loops Javascript has¢ 


For Loops 


While Loops y. For ... of Loops 
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Summary 


Write a while loop: PUA as 


while (number < 5) { 


/*do something*/ 
number++ 


for (Let number = 1; number <= N; number++){ 


Write OQ for loop: /*do something*/ 


Summary 


Write a for...of loop: 


Let message = "Hear ye!" 


for (const character of message) { 
console. log(character ) 


I 


Additional Questions 


0... would you write an infinite loop? OO 


Does the following loop include the number 55? 
for (let | = 0; | < 55; i++) 


Sa a a 


Additional Questions 


& Does the following loop include the number 10? 
vor (len |s 10; | == 0) i=) 


© nrenuerenneor 


Sa a a 
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Questions? 


$ 
Sentinel 


Your Turn! 


> Play around, have 
fun, ask questions! 


